<template>
	<div class="advertising">
		<div>
			<h3><i class="el-icon-s-promotion"></i>热门资讯</h3>
			<ul>
				<li>豪爵DR300发布会回放</li>
				<li>豪爵DR300发布会回放</li>
				<li>豪爵DR300发布会回放</li>
				<li>豪爵DR300发布会回放</li>
				<li>豪爵DR300发布会回放</li>
			</ul>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		},
	}
</script>

<style lang="scss" scoped>
	.advertising {
		div {
			width: 100%;
			h3 {
				background: #DCDCDC;
				padding: 6px;
				i {
					color: #C70223;
					margin-right: 4px;
				}
			}
			ul {
				list-style: none;
				li {
					padding: 10px 6px 10px 12px;
					font-size: 14px;
					border-bottom: 1px dashed #ddd;
					position: relative;
					&::before {
						content: "";
						display: inline-block;
						width: 6px;
						height: 6px;
						background: #C70223;
						position: absolute;
						top: 50%;
						left: 0;
						transform: translateY(-50%);
					}
				}
			}
		}
	}
</style>
